<!--
  Generated template for the LoginPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<!-- <ion-header>

  <ion-navbar>
    <ion-title>Login</ion-title>
  </ion-navbar>

</ion-header> -->


<ion-content padding class="login-view">

    <div class="login-box">
        <div class="app-logo">
            <img src="{{appIcon}}">
        </div>
        <div class="app-name">{{appName}}</div>
        <form *ngIf="accountForm" [formGroup]="accountForm">

            <ion-list class="login-list">

                <ion-item>
                    <ion-label fixed>用户名</ion-label>
                    <ion-input type="text" formControlName="userName" clearInput></ion-input>
                </ion-item>

                <ion-item>
                    <ion-label fixed>密码</ion-label>
                    <ion-input type="password" formControlName="password" clearInput></ion-input>
                </ion-item>
                <ion-item style="display:none">
                    <ion-label fixed>密码</ion-label>
                    <ion-input type="password"></ion-input>
                </ion-item>
            </ion-list>
            <ion-grid>
                <ion-row>
                    <!-- <ion-col col-6>
                        <button ion-button block (click)="register()" color="light">注册</button>
                    </ion-col> -->
                    <ion-col col-12>
                        <button color="primary" ion-button block (click)="login(accountForm.value)" [disabled]="!accountForm.valid">登录</button>
                    </ion-col>
                </ion-row>
            </ion-grid>
        </form>
    </div>

  
</ion-content>
